<%@ page language="C#" autoeventwireup="true" inherits="Thanks, App_Web_supvbhfv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head id="Head1" runat="server"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title></title>
    <!-- Bootstrap Core CSS --> 

    <style>
          body
    {
        font-family: 'Roboto', sans-serif !important;
    }
    #cssmenu
    {
         font-family: 'Roboto', sans-serif !important;
    }
  .logo img {
    margin: 0px 0px 0px 0px;
    width: 210px;
    height: 96px;
    margin-top: -13px;
	}
	.logo {
    margin: 0px;
    padding: 0px 0px 2px 0px;
    position: relative;
    top: 0px;
}
#navigation-menu li a:hover
{
    background: #E15B11;
    color: #fff !important;
}
.active
{
      background: #E15B11;
   
}
.active a
{
  color: #fff !important;   
}
#cssmenu > ul > li > a {
    padding: 15px;
    font-size: 15px;
    text-decoration: none;
    color: #666;

}
        
.about-price
{
    background: #fff;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 2px -1px 2px #0000005e;
    border-top:5px solid #E15B11; 
}
ul li {
    margin-bottom: 1.4rem;
}
.about-price ul
{
    list-style-type:none;
    padding-top:20px;
}
.fa-hand-o-right
{
    color: #E15B11;
}
.footer
{
    background:#000;
    padding:15px 20px;
    text-align:center;
    color:#fff;   
} 
.bg-gradient {
background: #C9D6FF;
background: -webkit-linear-gradient(to right, #C9D6FF, #E2E2E2); 
background: linear-gradient(to right, #C9D6FF, #E2E2E2);
padding-bottom:80px;
}       
.next-btn
{
    padding:8px 30px !important;
}

.site-memubar-oattendred .rss-payment
{
     background-color: #E31E24 !important;
}
.site-memubar-oattendred #lblbrand
{
    color:#E31E24 !important;
}
.site-memubar-oattendgray .rss-payment
{
    background-color: #4f4f51 !important;
}
.site-memubar-oattendgray #lblbrand
{
    color:#4f4f51 !important;
}
.site-memubar-green .rss-payment
{
    background-color: #74b177 !important;
} 
.site-memubar-green #lblbrand
{
    color:#74b177 !important;
}
.site-memubar-green1 .rss-payment
{
    background: #11C26D !important;
}
.site-memubar-green1 #lblbrand
{
    color:#11C26D !important;
}
.site-memubar-lightgreen .rss-payment
{
    background: #6DA611 !important;
}
.site-memubar-lightgreen #lblbrand
{
    color:#6DA611 !important;
}
.site-memubar-red .rss-payment
{
  background: #ef5350ed !important;  
}
.site-memubar-red #lblbrand
{
    color:#ef5350ed !important;
}
.site-memubar-advisionred .rss-payment
{
     background: #bd1522 !important; 
}
.site-memubar-advisionred #lblbrand
{
    color:#bd1522 !important;
}
.site-memubar-oattendgray .rss-payment
{
     background: #4f4f51 !important; 
}
.site-memubar-oattendgray #lblbrand
{
    color:#4f4f51 !important;
}
.site-memubar-blue .rss-payment
{
     background: #00acc1 !important; 
}
.site-memubar-blue #lblbrand
{
    color:#00acc1 !important;
}
.site-memubar-lightblue .rss-payment
{
     background: #3E8EF7 !important; 
}
.site-memubar-lightblue #lblbrand
{
    color:#3E8EF7 !important;
}
.site-memubar-pink .rss-payment
{
     background: #f556ac !important; 
}
.site-memubar-pink #lblbrand
{
    color:#f556ac !important;
}
.site-memubar-orange .rss-payment
{
     background: #ff7038fa !important; 
}
.site-memubar-orange #lblbrand
{
    color:#ff7038fa  !important;
}
.site-memubar-black .rss-payment
{
     background: #333232 !important; 
}
.site-memubar-black #lblbrand
{
    color:#333232  !important;
}
.site-memubar-darkviolet .rss-payment
{
     background: #c447f9 !important; 
}
.site-memubar-darkviolet #lblbrand
{
    color:#c447f9  !important;
}
.site-memubar-magenta .rss-payment
{
     background: #ff80ff !important; 
}
.site-memubar-magenta #lblbrand
{
    color:#ff80ff  !important;
}
.site-memubar-purple .rss-payment
{
     background: #a552a5 !important; 
}
.site-memubar-purple #lblbrand
{
    color:#a552a5  !important;
}
.site-memubar-indigo .rss-payment
{
     background: #824bab !important; 
}
.site-memubar-indigo #lblbrand
{
    color:#824bab  !important;
}
.site-memubar-gray .rss-payment
{
     background: #757575 !important; 
}
.site-memubar-gray #lblbrand
{
    color:#757575  !important;
}
.site-memubar-bluegrey .rss-payment
{
     background: #526069 !important; 
}
.site-memubar-bluegrey #lblbrand
{
    color:#526069  !important;
}
.site-memubar-brown .rss-payment
{
     background: #997B71 !important; 
}
.site-memubar-brown #lblbrand
{
    color:#997B71  !important;
}
.site-memubar-yellow .rss-payment
{
     background: #FFCD17 !important; 
}
.site-memubar-yellow #lblbrand
{
    color:#FFCD17  !important;
}
.site-memubar-teal .rss-payment
{
     background: #17B3A3  !important; 
}
.site-memubar-teal #lblbrand
{
    color:#17B3A3  !important;
}
.site-memubar-cyan .rss-payment
{
     background: #0BB2D4  !important; 
}
.site-memubar-cyan #lblbrand
{
    color:#0BB2D4  !important;
}
 #lblbrand {
    color: #4f4f51 !important;
    font-size: 25px;
    font-weight: 500;
    position: relative;
    top: 15px;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
    padding: 8px;
    
    
    </style>
  
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
  <link rel="stylesheet" type="text/css" href="css/menumaker.css">
    <!-- Morris Charts CSS -->
    <link href="css/plugins/morris.css" rel="stylesheet">
     
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/googleapis.css" rel="stylesheet" type="text/css" />


    <script language="javascript" type="text/javascript">
// <![CDATA[

        function Button1_onclick() {

        }

        function printDiv(divID) {
            //Get the HTML of div
            var divElements = document.getElementById(divID).innerHTML;
            //Get the HTML of whole page
            var oldPage = document.body.innerHTML;
            //Reset the page's HTML with div's HTML only
            document.body.innerHTML =
          "<html><head></head><body>" +
          divElements + "</body>";
            //Print Page
            window.print();
            //Restore orignal HTML
            document.body.innerHTML = oldPage;

        }

// ]]>
    </script>
</head>
<body id="main135" runat="server">
    <form id="Form1" runat="server">

 <!-----header------>
  <div style="box-shadow: 0 5px 5px -7px #333; margin-bottom:0px;">
<div class="container-fluid">
  <div class="row">
    <div class="col-md-2">
      <div class="logo">
        <center>
          <img src="images/logo.png"> 
        </center>
      </div>
    </div>
    <div class="col-lg-4">
    <asp:Label ID="lblbrand" runat="server" Text="Label"></asp:Label>
    </div>
    <div class="col-md-6"> 
    <div id="cssmenu" style="float:right">
	<ul id="navigation-menu">
    <li class="active"><a href="Default.aspx">&nbsp;Home</a></li>
		
		<%--<li style="margin-left:10px;">
			<a href="NewPrice.htm"><i class="fa fa-money"></i>&nbsp;Price</a>
			
		</li>--%>
 
        <li><a href="#" ><i class="fa fa-envelope-o"></i> &nbsp;&nbsp;<span id=""><asp:Label
            ID="lblemail" runat="server" Text=""></asp:Label></a</span></a></li>
        <li><a href="#"><i class="fa fa-phone"></i> &nbsp;&nbsp;<span id=""><asp:Label ID="Label3"
            runat="server" Text=""></asp:Label></span></a></li>
	</ul>
</div>
    
    
    </div>
  </div>
</div></div>
  <!-----End Header------->




  <div class="container-fluid bg-gradient" style="padding-left:50px; padding-right:50px; padding-top:30px;"> 
  <div class="row">
        <!-----Panel----------->
           <div class="row" style="margin-left:0px; margin-right:0px;">
      <div class="panel panel-primary" style="border:0px;">
      <div class="panel-heading rss-payment" style="background: #E15B11; font-size:18px; border:0px; padding: 5px 15px;"><i class="fa fa-file"></i>&nbsp;Thanks</div>
      <div class="panel-body" style="padding:20px 45px;">
      <div class="row">
          <div id="printablediv">
       <table class="table-bordered" style="width:100%" >
       
         <tr>
       <td style="width:60%">Transaction ID</td>
       <td style="width:40%">
           <asp:Label ID="TXNID" runat="server" Text=""></asp:Label></td>
      
       </tr>

        <tr>
       <td class="style1">Payment Status : </td>
       <td>
           <asp:Label ID="ORDERID" runat="server" Text=""></asp:Label></td>
      
       </tr>


       <asp:Panel ID="ss" runat="server">
       <tr>
       <td>Company Name:</td>
       <td>
           <asp:Label ID="cmpname" runat="server" Text=""></asp:Label></td>
       </tr>
        <tr>
       <td>EmailID:</td>
       <td>
           <asp:Label ID="EmlID" runat="server" Text=""></asp:Label></td>
       </tr>

       <tr>
       <td>Phone No:</td>
       <td>
           <asp:Label ID="lblphoneno" runat="server" Text=""></asp:Label></td>
       </tr>
       
       <tr>
       <td>Service Start Date:</td>
       <td>
           <asp:Label ID="lblstartDate" runat="server" Text=""></asp:Label></td>
       </tr>

       
       <tr>
       <td>Service End Date:</td>
       <td>
           <asp:Label ID="LblEndDate" runat="server" Text=""></asp:Label></td>
       </tr>

        <tr>
       <td>Amount:</td>
       <td>
           <asp:Label ID="Amt" runat="server" Text=""></asp:Label></td>
       </tr>
        <tr>
       <td>Amount(Tax%):</td>
       <td>
           <asp:Label ID="pertax" runat="server" Text=""></asp:Label></td>
       </tr>
        <tr>
       <td>Total Amount:</td>
       <td>
           <asp:Label ID="Tamt" runat="server" Text=""></asp:Label></td>
       </tr>

       <tr style="background:#c5c5c5">
      <td style="border:0px;"></td>
      <td style="float:right; border:0px; font-size:25px;"><span style="font-size:18px; font-weight:500; position:relative; top:0px;"> <input type="button" value="Print" onclick="javascript:printDiv('printablediv')" style="background:green; color:#fff; border:0px; font-weight:500; padding: 5px 20px; border-radus:4px;margin-right: 15px;" /></td>
      </tr>

       </asp:Panel>
       </table>
       </div>
      </div>
      </div>
    </div>
    </div>


        <!-----End Panel-------->
              <asp:Label ID="Label1" runat="server" Text="" Font-Bold="True" 
            Font-Size="15pt"></asp:Label>

             
       
     
        

     


                <asp:Label ID="Label2" runat="server" Text="Label" Visible="False"></asp:Label>
   
      <%--   <center><a href="TermAndCondition.html" target="_blank" onclick="return windowpop(545, 433)">  Term & Condition Policy</a>&nbsp;&nbsp; ||<a href="RefundPolicy.html" target="_blank" onclick="return windowpop(545, 433)">&nbsp;&nbsp;  Cancellation & Refund Policy</a>&nbsp;&nbsp; ||<a href="RefundPolicy.html" target="_blank" onclick="return windowpop(545, 433)">&nbsp;&nbsp;  Disclaimer Policy</a></center>--%>
            </div>
            <!-- /.container-fluid -->
    


        </div>
        <!-- /#page-wrapper -->

  
    <!-- /#wrapper -->
    <!-- jQuery -->
    <script src="./Main_files/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="./Main_files/bootstrap.min.js"></script>

    <!-- Morris Charts JavaScript -->
    <script src="./Main_files/raphael.min.js"></script>
    <script src="./Main_files/morris.min.js"></script>
    <script src="./Main_files/morris-data.js"></script>
    </form>
 
</body>
</html>
